<div class="app-user-create app-inner">
    <h1>创建用户</h1>
    <form class="container" name="user" ng-submit="goToCreateUser()">
        <div class="row">
            <div class="col-lg-2">
                <label for="user_name">用户名：</label>
            </div>
            <div class="col-lg-4">
                <input type="text" id="user_name" name="username" ng-model="data.username" ng-maxlength="12" ng-minlength="6" ng-required="true" placeholder="请输入用户名">
            </div>
            <div class="col-lg-6">
                <span class="text-danger" ng-show="user.username.$dirty&&user.username.$invalid">用户名是必填的，长度6-12位</span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2">
                <label for="pass_word">密&emsp;码：</label>
            </div>
            <div class="col-lg-4">
                <input type="password" id="pass_word" name="password" ng-model="data.password" ng-required="true" placeholder="请输入密码">
            </div>
            <div class="col-lg-6">
                <span class="text-danger" ng-show="user.password.$dirty&&user.password.$invalid">密码是必填的</span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2">
                <label for="tel">电&emsp;话：</label>
            </div>
            <div class="col-lg-4">
                <input type="text" id="tel" name="tel" ng-model="data.tel" ng-pattern="/^1\d{10}$/" placeholder="请输入电话号码">
            </div>
            <div class="col-lg-6">
                <span class="text-danger" ng-show="user.tel.$dirty&&user.tel.$invalid">电话是以1开头11位数字</span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2">
                <label for="">性&emsp;别：</label>
            </div>
            <div class="col-lg-4">
                <label for="">男:<input type="radio" name="sex" ng-model="data.sex" value="man"></label>
                <label for="">女:<input type="radio" name="sex" ng-model="data.sex" value="woman"></label>
            </div>
            <div class="col-lg-6">
                <span class="text-danger"></span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2">
                <label for="intro">简&emsp;介：</label>
            </div>
            <div class="col-lg-4">
                <textarea id="intro" ng-maxlength="400" placeholder="请输入用户简介" name="intro" ng-model="data.intro"></textarea>
            </div>
            <div class="col-lg-6">
                <span class="text-danger" ng-show="user.intro.$invalid" >请输入你的简介</span>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-10 col-lg-offset-2">
                <button type="submit" class="btn btn-success" ng-disabled="user.$invalid">提交</button>
            </div>
        </div>
    </form>
</div>